<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="ko">
<head>
	<%@ include file="/include/header.jsp" %>
	<%@ include file="/include/commonRes.jsp" %>
	
	<script type="text/javascript">
	var $omi = $('#ol_id');
	var $omp = $('#ol_pw');
	$omp.css('display','inline-block').css('width',104);
	var $omi_label = $('#ol_idlabel');
	$omi_label.addClass('ol_idlabel');
	var $omp_label = $('#ol_pwlabel');
	$omp_label.addClass('ol_pwlabel');
	
	
	$(function(){
		
		//자동 로그인 체크 및 체크 수행
		var ck_id_save = getCookie("ck_id_save");
		
		if(ck_id_save!=null && ck_id_save!="")
		{
			$("#id_save").attr("checked","checked");
			$("#mb_id").val(ck_id_save);
		}
			
	    $omi.focus(function() {
	        $omi_label.css('visibility','hidden');
	    });
	    $omp.focus(function() {
	        $omp_label.css('visibility','hidden');
	    });
	    $omi.blur(function() {
	        $this = $(this);
	        if($this.attr('id') == "ol_id" && $this.attr('value') == "") $omi_label.css('visibility','visible');
	    });
	    $omp.blur(function() {
	        $this = $(this);
	        if($this.attr('id') == "ol_pw" && $this.attr('value') == "") $omp_label.css('visibility','visible');
	    });

	    $("#auto_login").click(function(){
	        if ($(this).is(":checked")) {
	            if(!confirm("자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?"))
	                return false;
	        }
	    });
	});

	function fhead_submit(f)
	{
	    return true;
	}
	</script>
	
	
	
	
</head>	
<body class="login_bg">
<center>
	<div>
		
		<img src="/images/img_title.png" alt="Teamtouch"/>
	
		<form name="foutlogin" action="<%=cp %>/login_check.do" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
			<div class="login_copy"><p>"호감은 개인으로부터</p><p>성과는 조직적으로"</p></div>
			
				<label style="font-weight:bold;">아이디</label>
				<div>					
					<input style="width:80%;padding:4px 10px;margin:3px 0 10px 0;"  placeholder="아이디" type="아이디" id="mb_id" name="mb_id" onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);' value='' /> 
				</div>
			
			
				<label style="font-weight:bold;">비밀번호</label>
				<div>					
					<input style="width:80%;padding:4px 10px;margin:3px 0 20px 0;" type="비밀번호" autocomplete="off" placeholder="비밀번호" name="mb_password"/>
				</div>			
			<input type='checkbox' id='id_save' name='id_save' /><span style="color:#000;margin-right:30px;">아이디 저장 </span>
		    <button class="btn_blue">로그인 </button>
		</form>
	</div>
</center>		
</body>
<!-- END BODY -->
</html>

	
